<!DOCTYPE html>
<html>
<head>
    <title>ECharts</title>
    <!-- 引入 echarts.js -->
    <script src="echart/echarts.js"></script>
</head>
<body>
    <div id="main" style="width: 1300px;height:500px;"></div>
    <script type="text/javascript">
        var myChart = echarts.init(document.getElementById('main'));
        function show(timelist, actlist, setlist, nitlist, toplist, botlist) {
            var time = timelist.split(",");
            var act = actlist.split(",");
            var set = setlist.split(",");
            var nit = nitlist.split(",");
            var top = toplist.split(",");
            var bot = botlist.split(",");

        option = {
            title: {
                text: '变化曲线'
            },
            tooltip: {
                trigger: 'axis'
            },
            legend: {
                data: ['实际温度', '设定温度', '一区温度', '二区温度', '氮势']
            },
            grid: {
                left: '3%',
                right: '4%',
                bottom: '3%',
                containLabel: true
            },
            toolbox: {
                feature: {
                    saveAsImage: {}
                }
            },
            xAxis: {
                type: 'category',
                boundaryGap: false,
                data: time
            },
            yAxis: {
                type: 'value'
            },
            series: [
               {
                    name: '实际温度',
                    type: 'line',   
                    smooth:true,
                    data: act
                },
                {
                    name: '设定温度',
                    type: 'line',
                    smooth: true,
                    data: set
                },
                {
                    name: '一区温度',
                    type: 'line',
                    smooth: true,
                    data: top
                },
                {
                    name: '二区温度',
                    type: 'line',
                    smooth: true,
                    data: bot
                },
                {
                    name: '氮势',
                    type: 'line',
                    smooth: true,
                    data: nit
                }
            ]
        };
            myChart.setOption(option);
        
        }
    </script>
</body>
</html>
 